<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 事件对象 

    // 事件对象的兼容
    // 常规浏览器  形式参数 e evt event
    // 低版本      window.event;

    // 兼容
    // var e = e || window.event;

    // 属性  
    // ctrlKey   shiftKey   altKey    metaKey
    // type   
    // target || srcElement
    
    // 鼠标事件相关 
    // button

    document.onmousedown = function(e){
        // 常规浏览器  形式参数 e evt event
        // 低版本      window.event;

        // 兼容
        // var e = e || window.event;
        // console.log(e);
        // console.log(window.event);

        // console.log(e.button);
        console.log(e.buttons);  // 左(1)  右(2)  左右(3)  中(4)  左中(5)  右中(6) 左中右(7)

    }







</script>
</html>